//依赖于 ValidateBox
$(function(){
	$('#box').combo({
		width:300,
		height:25,
		// panelWidth:300,
		// panelHeight:300,
		// editable:true,//是否可输入
		// disabled:true,
		// readonly:true,//只读
		// hasDownArrow:false,//不显示下拉箭头
		// value:'123',//默认值
		delay:1,//延迟时间
		required:true,

		// 事件
		//onShowPanel:function(){
			//alert('显示时触发');
		//},
		//onHidePanel:function(){
			//alert('隐藏时触发');
		//},
		//onChange:function(newValue,oldValue){
			//alert(newValue+'|'+oldValue);
		//},

	});

	$('#food').appendTo($('#box').combo('panel'));
	$('#food input').click(function(){
		var v=$(this).val();
		var s=$(this).next('span').text();//得到选项的文本

		$('#box').combo('setValue',v).combo('setText',s).combo('hidePanel');
	});


	// 方法
	// 返回文本框对象
	console.log($('box').combo('textbox'));

	// 返回下拉面板对象
	console.log($('box').combo('panel'));

	// 调整组件宽度
	$(document).click(function(){
		$('box').combo('resize','width');
	});

	// 显示下拉面板
	$('box').combo('showPanel');

	// 隐藏下拉面板
	$('box').combo('hidePanel');

	// 禁用
	// 销毁
	// 启用

	// 启用/禁用只读模式
	$('box').combo('readonly');

	// 验证输入的值
	$('box').combo('validate');

	// 返回验证结果
	$('box').combo('isValid');

	// 清除控件的值
	$('box').combo('clear');

	// 重置控件的值
	$('box').combo('reset');

	// 获取输入文本
	console.log($('box').combo('getText'));

	// 设置输入的文本


	// 获取组件值的数组


	// 设置组件值的数组


	// 获取组件的值
	console.log($('box').combo('getValue'));

	// 设置组件的值


});
